<div>
	 <div class="panel-heading font-160 height-53">{{'Payment' | translate}}</div>
	 <div class="panel-body">
 		<message-error-panel ng-model="message" auto-close="true"></message-error-panel>
		<form class ="form-horizontal">
			<div class="form-group">
				<label class="col-sm-2 control-label" translate="Payment.amount"></label>
				<div class="col-sm-3">
	      			<input type="text" ng-model="payment.amount" amount ng-disabled="isDisabled">
	    		</div>
				<label class="col-sm-2 col-sm-offset-1 control-label" translate="Payment.effectiveDate"></label>
				<div class="col-sm-3">
	      			<div calendar ng-model="payment.effectiveDate" ng-disabled="isDisabled"></div>
	    		</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label" translate="Payment.type"></label>
				<div class="col-sm-3">
					<div select-enum ng-model="payment.type" ng-disabled="isDisabled" enum-name="PaymentWarrantyType"></div>
	    		</div>
				<label class="col-sm-2 col-sm-offset-1 control-label" translate="Payment.reserveType"></label>
				<div class="col-sm-3">
					<div select-enum ng-model="payment.reserveType" ng-disabled="isDisabled" enum-name="ReserveType"></div>
	    		</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label" translate="Payment.lastPayment"></label>
				<div class="col-sm-3 top-4">
	      			<input type="checkbox" class="checkbox" ng-model="payment.lastPayment" ng-disabled="isDisabled">
	    		</div>
	    		<div ng-if="payment.id == null">
					<label class="col-sm-offset-1 col-sm-2 control-label" translate="Payment.fractionedPaymentNumber"></label>
					<div class="col-sm-2">
						<select class="form-control" ng-init="payment.fractionedPaymentNumber = 1" ng-model="payment.fractionedPaymentNumber">
	  						<option ng-repeat="n in [] | range:1:8" value="{{n}}">{{n}}</option>
						</select>
		    		</div>
	    		</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label" translate="Payment.paymentDate"></label>
				<div class="col-sm-3">
	      			<div calendar ng-model="payment.paymentDate"></div>
	    		</div>
				<label class="col-sm-2 col-sm-offset-1 control-label" translate="Payment.state"></label>
				<div class="col-sm-3">
	      			<input class="form-control" type="text" value="{{payment.state != null ? ('PaymentState.' + payment.state) : '' | translate}}" disabled>
	    		</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label" translate="Payment.modification.userName"></label>
				<div class="col-sm-3">
	      			<input class="form-control" type="text" ng-model="payment.modification.userName" disabled>
	    		</div>
				<label class="col-sm-2 col-sm-offset-1 control-label" translate="Payment.modification.date"></label>
				<div class="col-sm-3">
	      			<div calendar ng-model="payment.modification.date" ng-disabled="true"></div>
	    		</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label" translate="Payment.approval.userName"></label>
				<div class="col-sm-3">
	      			<input class="form-control" type="text" ng-model="payment.approval.userName" disabled>
	    		</div>
				<label class="col-sm-2 col-sm-offset-1 control-label" translate="Payment.approval.date"></label>
				<div class="col-sm-3">
	      			<div calendar ng-model="payment.approval.date" ng-disabled="true"></div>
	    		</div>
			</div>
		</form>
		<div class="center">
			<button class="btn btn-primary" translate="accept" ng-click="save()"></button>
			<button class="btn btn-warning" translate="cancel" ng-click="cancel()"></button>
		</div>
	</div>
</div>